<template>
	<view class="withdraw_main">
		<view class="withdraw_mode">
			<view class="withdraw_mode_title">
				提现到
			</view>
			<view class="withdraw_mode_bank">
				<image src="../../../static/image/ccb.png" mode=""></image>中国建设银行储蓄卡(****2539）
			</view>
			<view class="withdraw_mode_money boxshow">
				<view class="withdraw_mode_money_title">
					提现金额
				</view>
				<view class="withdraw_mode_money_input">
					<text>¥</text>
					<input type="text" value="" />
				</view>
				<view class="withdraw_available_balance">
					可用余额¥0.00
				</view>
			</view>
			<view class="withdraw_tips">
				余额需大于2000元才可申请提现
			</view>
		</view>
		<view class="btns">
			提现
		</view>
	</view>
</template>

<script>
</script>

<style lang="less" scoped>
	@import "@/asset/less/base.less";
	.withdraw_main {
		margin: 0 20rpx;
		.withdraw_mode {
			padding: 54rpx 0 0 0rpx;
		}
		.withdraw_mode_title {
			font-size: 30rpx;
			color: #333333;
			padding-bottom: 50rpx;
		}
		.withdraw_mode_bank {
			color: #333333;
			font-size: 30rpx;
			image {
				width: 47rpx;
				height: 47rpx;
				margin-right: 20rpx;
				vertical-align: middle;
			}
		}
		.withdraw_mode_money {
			margin-top: 47rpx;
			padding: 25rpx 14rpx 32rpx;
			border-radius: 15rpx;
			.withdraw_mode_money_title {
				color: #333;
				font-size: 30rpx;
				padding: 0 0 100rpx 15rpx;
			}
		}
		.withdraw_mode_money_input {
			padding: 0 0 0rpx 16rpx;
			display: flex;
			justify-content: space-between;
			border-bottom: 1px solid #D2D2D2;
			input {
				width: 100%;
				height: 90rpx;
				font-size: 34rpx;
				line-height: 90rpx;
			}
			text {
				font-size: 60rpx;
				margin-right: 20rpx;
			}
		}
		.withdraw_available_balance {
			padding: 23rpx 0 0 16rpx;
			color: #999999;
			font-size: 30rpx;
		}
		.withdraw_tips {
			color: #999;
			padding: 48rpx 0 236rpx 0;
			text-align: center;
			font-size: 30rpx;
		}
	}
</style>
.